<HTML>
<HEAD>
  <!-- Created with AOLpress/2.0 -->
  <!-- AP: Created on: 27-Jan-2003 -->
  <!-- AP: Last modified: 21-Apr-2006 -->
  <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!--<TITLE>Examining and controling metrics and kerning</TITLE>-->
    <TITLE>メトリックとカーニングの検査法と調整法</TITLE>
  <LINK REL="icon" href="../../_static/fftype16.png">
  <LINK REL="stylesheet" TYPE="text/css" HREF="FontForge.css">
</HEAD>
<BODY>
<DIV id="in">
  <H1 ALIGN=Center>
<!-- Tutorial #5 -->
     チュートリアル (その 5)
  </H1>
  <UL>
    <LI>
<!--  <A HREF="editexample.html#FontCreate">Font Creation</A>-->
      <A HREF="editexample.html#FontCreate">フォントの作成</A>
    <LI>
<!--  <A HREF="editexample.html#CharCreate">Creating a glyph (tracing outlines)</A>-->
      <A HREF="editexample.html#CharCreate">グリフの作成 (アウトラインのトレース) 法</A>
    <LI>
<!--  <A HREF="editexample2.html#Navigating">Navigating to other glyphs</A>-->
      <A HREF="editexample2.html#Navigating">他のグリフの呼び出し方</A>
    <LI>
<!--  <A HREF="editexample2.html#Creating-o">On to the next glyph (consistent
      directions)</A>-->
      <A HREF="editexample2.html#Creating-o">次のグリフに関して (矛盾のないパスの向き)</A>
    <LI>
<!--  <A HREF="editexample3.html#consistent-stems">Consistent serifs and stem
      widths</A>-->
      <A HREF="editexample3.html#consistent-stems">統一のとれたセリフとステムの太さ</A>
    <LI>
<!--  <A HREF="editexample4.html#accents">Building accented glyphs</A>-->
      <A HREF="editexample4.html#accents">アクセントつきグリフの組み立て方</A>
    <LI>
<!--  <A HREF="editexample4.html#ligature">Building a ligature</A>-->
      <A HREF="editexample4.html#ligature">合字の組み立て方</A>
    <LI>
<!--  <A HREF="editexample5.html#metrics">Examining metrics</A>-->
      <A HREF="editexample5.html#metrics">メトリックの確認法</A>
      <UL>
	<LI>
<!--  	<A HREF="#Vertical">Vertical metrics</A> -->
  	<A HREF="#Vertical">縦書きメトリック</A>
	<LI>
<!--  	<A HREF="editexample5.html#baseline">Setting the baseline to baseline spacing
  	of a font</A> -->
  	<A HREF="editexample5.html#baseline">フォントのベースラインとベースラインの間隔の設定方法</A>
      </UL>
    <LI>
<!--  <A HREF="editexample5.html#Kerning">Kerning</A>-->
      <A HREF="editexample5.html#Kerning">カーニング</A>
    <LI>
<!--  <A HREF="editexample6.html#Variants">Glyph variants</A>-->
      <A HREF="editexample6.html#Variants">異体関係にあるグリフ</A>
    <LI>
<!--  <A HREF="editexample6.html#Marks">Anchoring marks</A>-->
      <A HREF="editexample6.html#Marks">アンカーマーク</A>
    <LI>
<!--  <A HREF="editexample6-5.html#Conditional">Conditional features</A>-->
      <A HREF="editexample6-5.html#Conditional">条件つき機能</A>
    <LI>
<!--  <A HREF="editexample7.html#checking">Checking your font</A>-->
      <A HREF="editexample7.html#checking">フォントのチェック法</A>
    <LI>
<!--  <A HREF="editexample7.html#generating">Generating it</A>-->
      <A HREF="editexample7.html#generating">フォントの出力方法</A>
    <LI>
<!--  <A HREF="editexample7.html#Families">Font Families</A>-->
      <A HREF="editexample7.html#Families">フォントファミリー</A>
    <LI>
<!--  <A HREF="editexample7.html#summary">Final Summary</A>-->
      <A HREF="editexample7.html#summary">最後のまとめ</A>
    <LI>
<!--  <A HREF="scripting-tutorial.html">Scripting Tutorial</A> -->
      <A HREF="scripting-tutorial.html">スクリプト処理のチュートリアル</A>
    <LI>
<!--  <A HREF="scriptnotes.html#Special">Notes on various scripts</A>-->
      <A HREF="scriptnotes.html#Special">各種の用字系における注意点</A>
  </UL>
  <H2>
<!--<A NAME="metrics">Examining</A> and controlling metrics-->
    メトリックの<A NAME="metrics">検査</A>と制御
  </H2>
  <P>
  <IMG src="../../_images/sidebearings.png" WIDTH="111" HEIGHT="191" ALIGN="Right"> <!-- After
  you have created the shapes of your glyphs you must next figure out the spacing
  between glyphs. The space between any two glyph has two components, the space
  after the first glyph, and the space before the second glyph. In a left to
  right world these two are called the right side bearing and the left side
  bearing respectively. -->
  グリフの形を設計してから、次にする必要があるのはグリフの間の空間を正しく設定することです。
  2 個のグリフの間の間隔はすべて、最初のグリフの後の空白と次のグリフの前の空白の 2 つの構成要素からなります。
  左から右に文字を書く世界では、これらはそれぞれ右サイドベアリングと左サイドベアリングと呼ばれます。
  <P>
<!--
  The left side bearing may be changed by the simple expedient of
  <CODE>Edit-&gt;Select All</CODE> (in the outline view) and then dragging
  the selected objects to the appropriate place. The right side bearing may
  be changed by selecting the advance width line and adjusting it
  appropriately.<BR CLEAR=ALL> -->
  左サイドベアリングは、簡単な操作で変更することができます。
  <CODE>編集(<U>E</U>)</CODE>→<CODE>選択(<U>S</U>)</CODE>→<CODE>すべて選択(<U>A</U>)</CODE> を (アウトラインビューで) 行い、選択されたオブジェクトを適切な場所に移動します。右サイドベアリングは送り幅を表す線を選択し、適切な位置に調整することによって変更できます。<BR CLEAR=ALL>
  <P>
<!--
  However it is generally better not to set the metrics of a single glyph in
  isolation, you should see the glyph in the context of other glyphs and set
  it from that perspective. Use the <CODE>Window-&gt;Open
  <A HREF="metricsview.html">Metrics Window </A></CODE>command.<BR> -->
  しかしながら、一般的には個別のグリフのメトリックを単独で設定するのではなく、他のグリフの間に囲まれた文脈の中で眺め、その観点から設定したほうがいいのです。
  <CODE>ウィンドウ(<U>W</U>)</CODE>→<CODE><A HREF="metricsview.html">メトリックウィンドウを開く(M)</A></CODE> コマンドを使用してください。
  <IMG SRC="MetricsView.png" WIDTH="600" HEIGHT="331"><BR>
<!--
  Any glyphs selected in the fontview (when you invoke the metrics view) will
  be displayed in the metrics view. You may change which glyphs are displayed
  by either typing new ones in to the text field at the top of the view, or
  by dragging a glyph from the fontview. -->
  フォントビュー内で選択された任意のグリフは (メトリックビューを呼び出したとき) メトリックビューの中に表示されます。表示されるグリフの並びは、新しくウィンドウの最上部のテキストフィールドに文字列をタイプするか、またはフォントビューからグリフをドラッグすることによって変更することができます。
  <P>
<!--
  From here you may adjust any glyph's metrics by typing into the textfields
  below it, or you may select a glyph (by clicking on its image) and drag it
  around (to adjust the left side bearing), or drag its width line (to adjust
  its right side bearing). -->
  この画面から任意のグリフのメトリックを、その下のテキストフィールドに文字をタイプするか、グリフを (その画像をクリックして) 選択してから (左サイドベアリングを調整するために) 動かしたり (右サイドベアリングを調整するために) グリフの幅を表す線をドラッグしたりすることによって調整することができます。
  <P>
<!--
  If you want to generate a "typewriter" style font (where all glyphs have
  the same width) execute an <CODE>Edit-&gt;Select All</CODE> from the fontview
  and then <CODE>Metrics-&gt;Set Width</CODE>. This will set the widths of
  all glyphs to the same value. After doing that you might also want to execute
  <CODE>Metrics-&gt;Center in Width</CODE> to even out the left and right spacing
  on each glyph. -->
  「タイプライタ」スタイル (全てのグリフの幅が同じ) のフォントを生成したい場合、<CODE>編集(<U>E</U>)</CODE>→<CODE>選択(<U>S</U>)</CODE>→<CODE>すべて選択(<U>A</U>)</CODE> をフォントビューから実行し、次に <CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅を設定(<U>W</U>)...</CODE> を実行します。これにより、すべてのグリフの幅が同じ値に設定されます。これを行った後、<CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅の中央に(<U>C</U>)</CODE> を実行して各グリフの左と右の空きを均等にしたほうがいいでしょう。
  <P>
  <I><IMG src="../../_images/autowidth.png" WIDTH="276" HEIGHT="268" ALIGN="Right"></I> <!-- If
  all this manual operation seems too complicated, try
  <CODE><A HREF="autowidth.html#AutoWidth">Metrics-&gt;Auto Width</A></CODE>.
  This will automagically assign widths to characters. These widths are not
  up to professional standards, but they are generally reasonable approximations.
  -->
  この手動動作が複雑すぎると思う人は、
  <A HREF="autowidth.html#AutoWidth"><CODE>メトリック(<U>M</U>)</CODE>→<CODE>幅の自動設定(<U>A</U>)...</CODE></A> を試してみてください。
  これは全自動で各文字の幅を設定します。この幅はプロの水準には達していませんが、一般人が見てまあまあの近似です。
  <H3>
<!--<A NAME="Vertical">Vertical</A> Metrics -->
    <A NAME="Vertical">縦書き</A>用メトリック
  </H3>
  <P>
<!--
  FontForge provides some support for the vertical metrics needed for CJK fonts.
  First you must tell FontForge that this font should contain vertical metrics,
  do this with <CODE>Element-&gt;Font Info-&gt;General-&gt;Has Vertical
  Metrics</CODE>. Then in each outline glyph enable VMetrics in the Layers
  palette. -->
  FontForge は CJK フォントに必要な縦書きメトリックをある程度サポートしています。まず、FontForge に、このフォントが縦書きメトリックを含むように指示する必要があります。これを行うには <CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[一般情報]</CODE>→<CODE>[ ]縦書きメトリックが存在(<U>V</U>)</CODE> を使用します。それからレイヤパレットで各アウトライングリフの縦書きメトリックを有効にします。
  <P>
<!--
  You should now see a vertical advance line somewhere underneath your glyph.
  You may drag this line just as you would the horizontal advance (width) line.
  -->
  縦書きの字送りの高さを示す線がグリフの下のほうに見えるはずです。この線を、横書きの送り幅の線と同様にドラッグすることができます。
  <H3>
<!--Setting the <A NAME="baseline">baseline</A> to baseline spacing of a font. -->
    フォントの<A NAME="baseline">ベースライン</A>とベースラインの間隔の設定方法
  </H3>
  <P>
<!--
  You might imagine that there would be an easy way to set this seemingly important
  quantity. Unfortunately there is not. -->
  この、外観上重要な意味をもつ量を設定する簡単な方法があるとお考えになるかもしれません。残念ながら無いのです。
  <DL>
    <DT>
<!--  In a PostScript Type1 font (or bare CFF font) -->
      PostScript Type1 フォント (または裸の CFF フォント) における方法
    <DD>
<!--  There is no way to set this value.<BR>
      At all, ever.<BR>
      In traditional typography the inter-line spacing is 1em (which in FontForge
      is the ascent+descent of a font). Some applications will use this. Other
      applications will use the font's bounding box (summing the maximum ascender
      height with the minimum descender depth) - - a very bad, but very common approach. -->
      この値を設定する方法はありません。<BR>
      本当に、まったく無いのです。</BR>
      伝統的な活版印刷では行と行の間隔は 1em です (これは、FontForge ではフォントの高さ+深さに相当します)。いくつかのアプリケーションはこの値を使用するでしょう。他のアプリケーションはフォントのバウンディングボックス (アセンダの最大高さとディセンダの最小深さを足した数値) を使用するでしょう——非常に問題のある、しかしながら非常によく使われているアプローチです。
    <DT>
<!--  In a TrueType or OpenType font-->
      TrueType または OpenType フォントにおける方法
    <DD>
<!--  Unfortunately this depends on the platform-->
      残念ながらこれはプラットフォームに依存します。
      <DL>
	<DT>
  	Mac
	<DD>
<!--  	On a mac the baseline to baseline spacing is determined again by the bounding
  	box values of the font, specified in the 'hhea' table, possibly modified
  	by a linegap (Which you can set in FontForge with
  	<A HREF="fontinfo.html">Element-&gt;FontInfo-&gt;OS/2</A>. -->
  	Mac では、ベースラインとベースラインの間隔は、ここでも&lsquo;hhea&rsquo;テーブルで指定されているフォントのバウンディングボックスの値によって決まり、この値は行間 (FontForge では <A HREF="fontinfo.html"><CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[OS/2]</CODE></A> で設定できます。
	<DT>
<!--  	On Windows -->
  	Windows では
	<DD>
<!--  	According to the OpenType spec, the baseline to baseline distance is set
  	by the values of Typographic Ascent and Descent of the 'OS/2' table. These
  	can be set with
  	<A HREF="fontinfo.html">Element-&gt;FontInfo-&gt;OS/2</A>, but are usually
  	allowed to default to the Ascent and Descent values of FontForge -- they
  	generally sum to 1em and are equivalent to the traditional unleaded
  	default.<BR> -->
  	OpenType の仕様書によると、ベースライン間の距離は&lsquo;OS/2&rsquo;テーブルの Typpographic Ascent と Descent の値によって設定されます。これらは<A HREF="fontinfo.html"><CODE>エレメント(<U>L</U>)</CODE>→<CODE>フォント情報(<U>F</U>)...</CODE>→<CODE>[OS/2]</CODE></A> によって設定できますが、一般には FontForge のデフォルト値のままにしておくことが広く行われています——それらの値の合計は一般に 1 em になり、伝統的な行間アキ無しのときのときのデフォルトと等価です。<BR>
<!--  	Again this may be modified by a linegap field.<BR> -->
  	この値も行間 (linegap) フィールドで補正できます。
<!--  	Unfortunately Windows programs rarely follow the standard (which I expect
  	doesn't supprise anyone), and generally they will use the font's bounding
  	box as specified in the Win Ascent/Descent fields of the 'OS/2' table. -->
  	残念ながら Windows のプログラムはほとんど標準に従わず (今さら誰も驚かないとは思いますが)、一般にフォントのバウンディングボックスを&lsquo;OS/2&rsquo;テーブルの Win Ascent/Descent フィールドで指定されたものとして使用するでしょう。
	<DT>
<!--  	On linux/unix -->
  	Linux/Unix では
	<DD>
<!--  	I doubt there is any standard behavior. Unix apps will probably choose one
  	of the above. -->
  	標準的な振舞いが存在するのか疑問に思います。Unix のアプリケーションはおそらくこれらのどれか 1 つを選ぶでしょう。
      </DL>
  </DL>
  <P>
<!--
  Typographically ept applications will allow users to adjust baseline to baseline
  spacing, so the default value may not be all that relevant. -->
  タイポグラフィ上の機能が豊富なアプリケーションは、ユーザがベースライン間のスペーシングを調整できるようにしていますので、デフォルト値がどんな値でも無関係です。
  <H2>
<!--<A NAME="Kerning">Kerning</A>-->
    <A NAME="Kerning">カーニング</A>
  </H2>
  <P>
<!--
  If you are careful in setting the left and right side-bearings you can design
  your font so that the spacing looks nice in almost all cases. But there are
  always some cases which confound simple solutions. -->
  左右のサイドベアリングを注意深く設定していれば、ほとんどの場合に字間が美しく見えるようにフォントをデザインすることができるでしょう。
  しかし、常にいくつかは単純に解決できない場合が存在します。
  <P>
<!--
  Consider "<FONT FACE="helvetica">To</FONT>" or
  "<FONT FACE="helvetica">Av</FONT>" here the standard choices are inappropriate.
  The "<FONT FACE="helvetica">o</FONT>" will look better if it can slide more
  to the left and snuggle under the top bar of the
  "<FONT FACE="helvetica">T</FONT>". This is called kerning, and it is used
  to control inter-glyph spacing on a pair-by-pair basis. -->
  ここでは“<FONT FACE="helvetica">To</FONT>”や“<FONT FACE="helvetica">Av</FONT>”などの標準的設定が不適切だった場合を考えましょう。文字“<FONT FACE="helvetica">o</FONT>”は、より左にずらして“<FONT FACE="helvetica">T</FONT>" のトップバーの下にもぐり込むようにしたほうが美しく見えるでしょう。これはカーニングと呼ばれ、グリフ間の空きを各文字対に基づいて制御します。
  <TABLE BORDER CELLPADDING="2">
    <CAPTION>
<!--  Kerning-->
      カーニング
    </CAPTION>
    <TR>
      <TD><IMG src="../../_images/To-unkerned.png" WIDTH="204" HEIGHT="323"></TD>
      <TD><IMG src="../../_images/To-kerned.png" WIDTH="204" HEIGHT="323"></TD>
    </TR>
  </TABLE>
  <P>
<!--
  In the above example the left image shows the unkerned text, the right shows
  the kerned text. To create a kerned pair, simply click on the right glyph
  of the pair, the line (normally the horizontal advance) between the two should
  go green (and becomes the kerned advance). Drag this line around until the
  spacing looks nice. -->
  上の例では左の画像はカーニング無しのテキストを、右はカーニング有りのテキストを示しています。
  カーニングのペアを作成するのは簡単です: 右のグリフをクリックすると、2 つのグリフの間の線 (通常は横書きの送り幅) が緑色になります。これを、空きの量が美しく見えるようになるまでドラッグしてください。
  <P>
<!--
  (Some glyph combinations are better treated by
  <A HREF="editexample4.html#ligature">creating a ligature </A>than by kerning
  the letters) -->
  (ある種のグリフの組み合わせは、カーニングを設定するよりも<A HREF="editexample4.html#ligature">合字を作成</A>したほうが適切に扱えます)
  <H3>
<!--Kerning classes -->
    カーニングクラス
  </H3>
  <P>
<!--
  If you have many glyphs which have similar kerning features you might instead
  wish to create a set of <A HREF="metricsview.html#kernclass">kerning
  classes</A> (which might say that A, &Agrave;, &Aacute;, &Acirc;, &Acirc;,
  &Atilde; and &Auml; all kern alike). -->
  同じようなカーニング機能をもつグリフがたくさんある場合には、それらの代わりに 1 組の<A HREF="metricsview.html#kernclass">カーニングクラスを作成</A>したほうが楽でしょう (これにより A と &Agrave;, &Aacute;, &Acirc;, &Acirc;, &Atilde;, &Auml; などがカーニングの上ですべて同じ物として扱われます)。
  <H3>
<!--<A NAME="VKern">Vertical</A> Kerning -->
    <A NAME="VKern">縦書き</A>カーニング
  </H3>
  <P>
<!--
  FontForge has equivalent support for vertical kerning. It can read and write
  vertical kerning information from and to truetype, opentype and svg fonts.
  It allows you to create vertical kerning classes. The metrics window has
  a vertical mode in which you can set vertical kerning pairs. Finally it has
  a command which will copy horizontal kerning information to the vertically
  rotated glyphs (That is, if the combination "A" "V" is horizontally kerned
  by -200, then "A.vert" "V.vert" should be vertically kerned by -200. -->
  FontForge は縦書きカーニングについても横書き同様にサポートしています。TrueType, OpenType および SVG フォントから縦書きカーニングを読み込んだり書き出したりすることができます。縦書きカーニングを作成することも可能です。メトリックウィンドウには、縦書きカーニングペアを設定できる縦書きモードがあります。そして最後に、横書きのカーニング情報を縦向きに回転したグリフにコピーするコマンドがあります (つまり、“A”と“V”の組合せが横書きで -200 だけ詰められている場合、“A.vert”と“V.vert”は -200 だけ縦に詰められるということです)。
  <P>
<!--
  (Vertical kerning is only available if the font has vertical metrics) -->
  (縦書きカーニングは、フォントに縦書きメトリックが存在するときにかぎり利用可能です)
  <P>
  <P>
  <P ALIGN=Center>
  — <A HREF="editexample4.html">前</A> — <A HREF="overview.html">目次</A>
  — <A HREF="editexample6.html">次</A> —
</DIV>
</BODY></HTML>
  
